<template>
  <div class="bg">

    <div class="content">
      <div class="text">Welcome to JJY_BLOG.</div>
      <div class="card">
        <el-button @click="go" type="text" class='come'>进入>></el-button>
      </div>
    </div>

    <div class="record">
      <div class="record-img">
        <img src="../assets/image/bah.webp" />
      </div>
      <div>
        <a href="https://beian.miit.gov.cn/" class="record-text">粤ICP备2021166849号</a>
      </div>
    </div>

  </div>
</template>

<script>
export default {
  inject:['reload'],
  name: 'Index',
  data () {
   return {
    value: 0
   }
  },
  methods:{
    go(){
      this.$router.push('/home');
    },

  }
}
</script>

<style scoped>
    .bg{
      background:url(../assets/image/index3.jpg) no-repeat;
      background-size:cover;
      background-attachment: scroll;
      /*background: linear-gradient(to right, #00c3ff, #ffff1c);*/
      height: 100vh;
      width: 100vw;
      background-size: cover;
      position: fixed;
      display: flex;
      justify-content: center;
      position: relative;
    }

     .content{
       width: 100vw;
       position: absolute;
       top: 54%;
     }

     .text{
       font-size: 100px;
       width: 100%;
       text-align: center;
     }

     .card{
       width: 100%;
       text-align: center;
     }

     .come{
       font-size:30px;
     }

     .record{
       width: 100vw;
       height: 2vw;
       line-height: 2vw;
       background-color: black;
       position: fixed;
       bottom: 0;
       left: 0;
       right: 0;
       text-align: center;
       display: flex;
       justify-content: center;
       align-items: center;
     }

     .record-img{
       width: 1.5%;
       height: 1.5vw;
       margin-right: 5px;
     }

     .record-img img{
       width: 100%;
       height: 100%;
     }

     .record-text{
       font-size: 0.5rem;
       color: rgb(249, 249, 249);
     }
</style>